<template>
	<view class="communitBox">
		<view class="itembox">
			<view class="headerBoxall">
				<view class="gideindex">社区</view>
				<view class="itemboxall">
					<view class="selfindex">查看</view>
					<image class="itemIcon" src="../../../static/index/Icon _ Light _ Chevron _ Previous (1).png" mode=""></image>
				</view>
			</view>
			
			<view class="cardImage">
				<view class="imageboxall">
					<image class="allitem iamgea" :src="imageArray[0]" mode=""></image>
					<view class="ietmall">
						<image class="itemitem iamgea" :src="imageArray[1]" mode=""></image>
						<image class="itemitem iamgea isbutton" :src="imageArray[2]" mode=""></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	const propos = defineProps({
		imageArray:{
			type:Array,
			default:()=>[]
		}
	})
</script>

<style scoped>
	.cardImage{
		margin-top: 2vh;
	}
	.iamgea{
		border-radius: 15px;
	}
	.ietmall{
		margin-left: 5vw;
	}
	.communitBox{
		margin-top: 1vh;
		width: 100vw;
	}
	.allitem{
		height: 100%;
width: 80vw;
	}
	.imageboxall{
		height: 187px;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.isbutton{
		margin-top: 10px;
	}
	.itemitem{
width: 45vw;

		height: 46%;
	}
	.itemIcon{
		margin-left: 5px;
		width: 6px;
		height: 11px;
	}
	.gideindex{
		font-size: 20px;
		font-family:  "仓耳渔阳体 W05";
	}
	.itemboxall{
		display: flex;
		align-items: center;
	}
	.selfindex{
		font-size: 14px;
		color:#737373 ;
	}
	.headerBoxall{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.itembox{
		width: 90vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		
	}
</style>